﻿@using Shp.Web.Controllers;

@{
    ViewBag.Title = "SohTanakaMegaMenu";
    Layout = "~/Views/Shared/_Layout.Light.cshtml";
}
<div class="container">
    <div class="clearfix">
        <div id="header"></div>
       
@Html.MvcContrib().Menu().Items(menu => {
    menu.Action<HomeController>(c => c.Index(), "Home").AnchorAttributes(@class => "home");    

    menu.Link("Products").AnchorAttributes(@class => "products").Content(
        @:@Html.Partial("_megamenu.sohtanaka.products")
    ).Items(seItems => {
        /* MenuItem that has Content, cannot have sub-MenuItem(s) - the code will ignore the entries */
        seItems.Link("Google", "http://www.google.com");
        seItems.Link("Bing", "http://www.bing.com");
    });

    menu.Link("Sale").AnchorAttributes(@class => "sale").Content(
        @:@Html.Partial("_megamenu.sohtanaka.sales")
    );
    
    menu.Link("Community").AnchorAttributes(@class => "community");
    menu.Link("Store Locator").AnchorAttributes(@class => "store");
    menu.Action<MenuController>(c => c.Index()).AnchorAttributes(@class => "menu-home");
}).Attributes(id => "topnav")
    </div>
    <div style="padding-top: 20px;">
        Source: <a href="http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/" target="_blank">Mega Drop Dowm Menus w/CSS & jQuery</a>
    </div>
</div>

@section Head {
    <link rel="Stylesheet" type="text/css" href="@Url.Content("~/Content/css/megamenu.sohtanaka.css")" />
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.hoverIntent.min.js")"></script>
    @*this menu in not using the superfish plugin - it is using custom, developer-developed javascript*@
    <script type="text/javascript" src="@Url.Content("~/Scripts/megamenu.sohtanaka.js")"></script>
}

@{   
    ViewBag.CodeViewType = Shp.Web.Models.GridCodeViewType.SohTanakaMegaMenu;
}
@Html.Partial("_codeviewer")
